<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style>
      td {
        width: 60px;
        height: 50px;
        border: 1px solid #000;
      }
    </style>
  </head>
  <body>
    <script>
      // 1、通过函数创建表格,参数是行和列

      /*
          普通的表格，不用函数
          1、输入框 prompt 存储用户输入的行和列
          2、表格的结构 5行4列
              table
              tr   行   for 1 - 5
              td   列   for 1 - 4
          字符串拼接输出
      */
      //   var row = prompt("请输入行数");
      //   var col = prompt("请输入列数");
      //   document.write("<table>");
      //   // 第一层for循环打印行数
      //   for (var i = 1; i <= row; i++) {
      //     document.write("<tr>");
      //     // 第二层for循环打印列数
      //     for (var j = 1; j <= col; j++) {
      //       document.write("<td></td>");
      //     }
      //     document.write("</tr>");
      //   }
      //   document.write("</table>");

      var row = prompt("请输入行数");
      var col = prompt("请输入列数");
      function table(r, c) {
        document.write("<table>");
        for (var i = 1; i <= r; i++) {
          document.write("<tr>");
          for (var j = 1; j <= c; j++) {
            document.write("<td></td>");
          }
          document.write("</tr>");
        }
        document.write("</table>");
      }
      table(row, col);
    </script>
  </body>
</html>
